html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body{
	font-size: 1.4rem;
	height: 100%;
	/*background-color: #EFEFEF;*/
	/*width: 1280px;*/
	width: 100%;
	min-width: 1280px;
	background: url(../img/bg-repeat.jpg) repeat;
}
a{text-decoration: none;color: #434343;}
.header{
	height: 70px;
	padding: 0 40px;
	background:#0087D4 url(../img/top-bg.png) repeat-x center;
}
.logo{
	width: 50px;
	height: 50px;
	margin-top: 10px;
	background: url(../img/logo.png) no-repeat;
}
.header h1{
	font-size: 2rem;
	line-height: 70px;
	height: 70px;
	margin-left: 5px;
	color: #ffffff;
	cursor: pointer;
}
.nav-warper{
	height: 60px;
}
.nav-warper>li{
	display: inline-block;
	line-height: 28px;
	padding: 17px 10px;
	cursor: pointer;
	vertical-align: baseline;
	color: #ffffff;
}
.nav-warper a{
	text-decoration: none;
  color: #ffffff;
}
.nav-warper>li i{
	width: 26px;
	height: 26px;
	overflow: hidden;
	float: left;
}
.nav-warper>li.active a{
	color: #FFF44A;
}
.menu:hover{
	color: #FFF44A;
}
.nav-warper>li.menu{
	position: relative;
}
.nav-warper>li.menu.active:after{
	content: '';
	position: absolute;
	display: block;
	width: 21px;
	height: 20px;
	background: url(../img/point.png) no-repeat;
	bottom: -8px;
	left: 50%;
	margin-left: -10.5px;
}
.menu i{
	background-image: url(../img/nav.png);
	background-repeat: no-repeat;
	transition: all 1s;
	-moz-transition: all 1s;	/* Firefox 4 */
	-webkit-transition: all 1s;	/* Safari 和 Chrome */
	-o-transition: all 1s;
}
.home{
	background-position: 0 0;
}
.menu:hover .home,.active .home{
	background-position: -26px 0;
}
.jjjc{
	background-position: 0 -26px;
}
.menu:hover .jjjc,.active .jjjc{
	background-position: -26px -26px;
}
.tjzb{
	background-position: 0 -52px;
}
.menu:hover .tjzb,.active .tjzb{
	background-position: -26px -52px;
}
.qysj{
	background-position: 0 -78px;
}
.menu:hover .qysj,.active .qysj{
	background-position: -26px -78px;
}
.qyhz{
	background-position: 0 -104px;
}
.menu:hover .qyhz,.active .qyhz{
	background-position: -26px -104px;
}
.qydb{
	background-position: 0 -130px;
}
.menu:hover .qydb,.active .qydb{
	background-position: -26px -130px;
}
.zhcx{
	background-position: 0 -156px;
}
.menu:hover .zhcx,.active .zhcx{
	background-position: -26px -156px;
}
.baseline{
	border-top: 1px dashed #ffffff;
	opacity: 0.7;
}
.nav-warper .point{
	width: 21px;
	height: 20px;
	background: url(../img/point.png) no-repeat;
	display: block;
	margin-top: -10px;
	transition: all 1s;
	-moz-transition: all 1s;	/* Firefox 4 */
	-webkit-transition: all 1s;	/* Safari 和 Chrome */
	-o-transition: all 1s;
}

.toolbar{
	padding: 8px 40px;
	box-shadow: 1px 4px 2px rgba(0,0,0,0.1);
	background-color: #ffffff;
}
.bread{
	line-height: 24px;
	color: #000;
}
.bread .icon{
	width: 24px;
	height: 24px;
	background: url(../img/bread.png) no-repeat center;
	float: left;
	margin-right: 5px;
    margin-top: -2px;
}
.search{
	overflow: hidden;
	vertical-align: baseline;
	padding: 0;
}
.search .input,.search .button{
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin: 0;
	display: inline-block;
}
.search .input{
	width: 150px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #cccccc;
	border-right: 0;
}
.search .input input{
	border: 0;
	width: 100%;
	outline: none;
}
.search .button{
	cursor: pointer;
	background-color: #0669D5;
	border-radius: 0 3px 3px 0;
	border: 1px solid #0669D5;
	color: #ffffff;
}
.search .button:hover{
	background-color: #6FB631;
	border-color: #6FB631;
}
.search:hover .input{
	border: 1px solid #0669D5;
	border-right: 0;
}
.fa-search{
	margin-right: 8px;
}

.container{
	padding: 10px 40px;
}
.mainview{
	margin: 15px 0;
	background-color: #ffffff;
	box-shadow: 1px 0px 5px rgba(0,0,0,0.3);
	position: relative;
	padding: 20px 10px;
}


.model{
	position: absolute;
	left:0;
	top:0;
	z-index: 99;
	width: 100%;
	height: 100%;
	display: none;
}
.model.visbile{
	display: block;
}
.model-bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
}
.model-cont-warp{
	width: 800px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -400px;
	margin-top: -250px;
	box-shadow: 1px 0 5px rgba(0,0,0,0.3);
	display: none;
}
.model.visbile .model-cont-warp{
	display: block;
}
.model-cont{
	height: 460px;
	background-color: #ffffff;
}
footer{
	line-height: 2em;
	text-align: center;
	padding: 30px 0;
}

/*custom*/
.f-fl{
	float: left;
}
.f-fr{
	float: right;
}
.f-cursor-pointer{
	cursor: pointer;
}

.quit-tool{
	height: 70px;
	font-size: 0;
	padding-left: 40px;
}
.quit-tool .user-item{
	height: 70px;
	line-height: 70px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.quit-tool .user-item.user-face{
	width: 38px;
	height: 38px;
	margin-top: 16px;
	border-radius: 50%;
	border: 1px solid #fff;
}
.quit-tool .user-item.user-face img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 4px 0 0 4px;
}
.quit-tool .user-item.user-name span{
	color: #fff;
	height: 70px;
	line-height: 70px;
	font-size: 1.4rem;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.quit-tool .user-item.user-quit{
	width: 42px;
	height: 42px;
	margin-top: 14px;
	border-radius: 6px;
	background: #085cb3;
}
.quit-tool .user-item.user-quit .quit-icon{
	width: 20px;
	height: 21px;
	margin: 0 auto;
}
.quit-tool .user-item.user-quit .quit-icon img{
	vertical-align: top;
}
.quit-tool .user-item.user-quit .quit-span{
	width: 42px;
	height: 21px;
	line-height: 24px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2rem;
	color: #e0fcff;
}
